<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>去保养-有人情味的保养</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="keywords" content="汽车保养,汽车配件,汽车维修,养车无忧,养车,4S店品质,氦修驿站,丰田保养" />
    <meta name="description" content="100%正品配件,4S店一半价格,先行赔付,闪电送达!线上购买配件,线下提供安装.上万用户的最佳选择!去掉中间环节,直接从源头采购配件!" />
    <link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/css/base.css">
    <link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/mobile/css/master.css">
    <style>
        #live .loading{ position:absolute;top:0px;left:0px;text-align:center;line-height:100px;width:100%;display:none;z-index:1;color:#fff;height:100%;background:#000;font-size:14px;}
        #live .jiyou{ border-left:3px solid #E9E9E9;height:60px;}
        #live .jiyou img{ float:left;width:45px;margin-left:2px;}
        #live .jiyou p{ margin-left:54px;line-height:20px;font-size:12px;}
        #live .jiyou em{ float:none;color:#C21616;font-size:14px;margin-right:10px;}
        #live .jiyou span{ text-decoration:line-through;color:#999;}
        #live .jiyou .count{ float: right;  font-size:24px;  color: #f60;  margin-right: 10px;  margin-left: 5px;  margin-top: 10px;}
        .pay{ -webkit-transition: all 0.3s ease-out;bottom:-56px;}
    </style>
</head>

<body style="height:auto;">
    <eq name="_SESSION['Server']" value="wx">
        <header>
            <a href="tel:4006730088" class="tel iconfont">&#xe60c;</a>
            <a href="javascript:void(0)" class="menu iconfont" onclick="home.showMenu()">&#xe602;</a>
            <img src="{:C('WEB_URL')}Public/mobile/images/logo.png" id="logo">
        </header>
    <else />
        <header class="tcenter fs14">
            <a href="tel:4006730088" class="tel iconfont">&#xe610;</a>
            <a href="javascript:window.history.go(-1)" class="iconfont fleft">&#xe612;</a>
            我的保养直播
        </header>
    </eq>
    <include file="Public/mobileHome" />
    <div class="main" id="live">

        <div class="videoMain">
            <video src="{$order['order']['video1']}" controls="controls" webkit-playsinline preload="auto" id="video"></video>
            <img src="{:C('WEB_URL')}Public/mobile/images/liveLogo.png" style="position:absolute;top:12px;left:10px;width:70px">
            <div class="loading">
                <p>正在加载中，请稍候...</p>
            </div>
        </div>
        <div class="btnLive">
            <a href="javascript:void(0)" id="J_btnVideo1" class="current" data-src="{$order['order']['video1']}" onclick="live.chooseVideo(this)"><i>&#xe61b;</i>直播视频一</a>
            <a href="javascript:void(0)" data-src="{$order['order']['video2']}" onclick="live.chooseVideo(this)"><i>&#xe61b;</i>直播视频二</a>
        </div>
        <div class="itemList">
            <ul id="J_itemList"></ul>
            <p id="J_loadLog" style="padding:12px 6px 6px 6px;" class="fs14 tcenter">保养过程即将呈现...</p>
            <p style="padding:10px;" class="fs14 fc-999">
            欢迎观看您的爱车保养视频直播。我们将为您永久保存本次保养检测报告，您可随时在<a href="{:C('WEB_URL')}mobile/myOrderInfoQBY/id/{$order['is_server']}">订单详情</a>中查看。</p>
        </div>
        <div class="pay">
            <div class="index">
                <p id="J_price" class="price"><span class="mPrice"></span><em></em></p>
            </div>
            <a href="/mobile/myOrderInfoQBY?id={$order['is_server']}" >立即支付</a>
        </div>

    </div>

    <div id="signature">
        <h4><span></span>预检结束，请确认签字</h4>
        <div id="canvasDiv"></div>
        <div class="signatureBtn">
            <button id="J_clear">清除</button>
            <button id="J_submit" class="btnOrange">确定</button>
        </div>
        <input type="hidden" id="J_signature" />
    </div>
    
    <script type="text/javascript" src="{:C('WEB_URL')}Public/mobile/js/live.js"></script>
    <script>
        live.init({$order['is_server']});
    </script>
</body>
</html>